<template>
  <div style="position: absolute;top: 0;left: 0;width: 100%">
  	<div style="position: relative;z-index: 200" @click="closePull">
    <top-header :title="foodpageTitle" :hasTitle="true" :hasList="true" :hasCart="true" ></top-header>
    </div>
   <!-- <say-header :pageTitle="pageTitle"></say-header>-->
    <!--<tab-head :titleInfor = "secList"></tab-head>-->
  </div>

</template>

<script>
  import SayHeader from '@/real-components/SayHeader'
  import {mapGetters} from 'vuex'
  import tabHead from '../../../real-components/TabHead'
  import {getPageTree, initDomTree} from '../../../utils/getPageTree'
  import TopHeader from '@/real-containers/header'
  import axios from 'axios';

  export default {
    data () {
      return {
      	foodpageTitle:"餐点",
        page: "goodsClassify",
        componentName: "goodsClassifyHeader",
        titleInfor: [
        {goodsClassId:"01",
        goodsClassName: "fwef"},
        {goodsClassId:"02",
        goodsClassName: "fwef"},
        {goodsClassId:"03",
        goodsClassName: "fwef"},
        {goodsClassId:"04",
        goodsClassName: "fwef"}]
      }
    },
    props: {
      pageTitle :{
        type: String,
        default : ""
      },
      secList: {
        type: Array,
        default: () => {
          return []
        }
      }
    },
    components: {SayHeader,tabHead,TopHeader},
    computed: {
      ...mapGetters([
        "getDomTree"
      ]),
      pageTree () {
        return getPageTree(this, this.page);
      }
    },

    methods: {
      closePull () {
        var tabHead = this.$refs.tabHead
        tabHead.closeClassifyClum()
        console.log("888888888888888888" , tabHead)
      }
    },
    created () {
    },
    mounted () {
      // initDomTree(this.getDomTree[this.page]);

    },
    updated() {
      //页面更新完毕
      // initDomTree(this.getDomTree[this.page]);
    }
  }
</script>

<style>

</style>
